@import '../../default/css/style';

@mixin definitions($main, $color-name) {
    $openid-connect-link-background-url-base: "/themes/FlamingParrot/images/login/login-background-";

    &.openid-connect-link {
        background: url("#{$openid-connect-link-background-url-base}#{$color-name}.png") no-repeat center top, linear-gradient(#FFFFFF 0%, #F5F5F5 75%);

        #login-box > form > button {
            background-color: $main;
            background-image: linear-gradient(to bottom, lighten($main, 10%), $main);
            background-repeat: repeat-x;
            border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        }
    }

    #linked-providers > .provider > .provider-header {
        border-color: $main;
    }

    #providers-configuration {
        .modal .modal-header {
            border-bottom-color: $main;
        }

        #providers .provider > h3 {
            border-color: $main;
        }
    }
}

body {
    &.FlamingParrot_Orange {
        @import 'variables-orange';

        @include definitions($main, $color-name);
    }

    &.FlamingParrot_Blue {
        @import 'variables-blue';

        @include definitions($main, $color-name);
    }

    &.FlamingParrot_Green {
        @import 'variables-green';

        @include definitions($main, $color-name);
    }

    &.FlamingParrot_BlueGrey {
        @import 'variables-bluegrey';

        @include definitions($main, $color-name);
    }

    &.FlamingParrot_Purple {
        @import 'variables-purple';

        @include definitions($main, $color-name);
    }

    &.FlamingParrot_Red {
        @import 'variables-red';

        @include definitions($main, $color-name);
    }

    &.FlamingParrot_DarkOrange {
        @import 'variables-darkorange';

        @include definitions($main, $color-name);
    }

    &.FlamingParrot_DarkBlue {
        @import 'variables-darkblue';

        @include definitions($main, $color-name);
    }

    &.FlamingParrot_DarkGreen {
        @import 'variables-darkgreen';

        @include definitions($main, $color-name);
    }

    &.FlamingParrot_DarkBlueGrey {
        @import 'variables-darkbluegrey';

        @include definitions($main, $color-name);
    }

    &.FlamingParrot_DarkPurple {
        @import 'variables-darkpurple';

        @include definitions($main, $color-name);
    }

    &.FlamingParrot_DarkRed {
        @import 'variables-darkred';

        @include definitions($main, $color-name);
    }
}
